<%@page contentType="text/html;charset=utf-8" language="java" %>

<!DOCTYPE html>
<html>

<%
String regionId = (String)request.getParameter("regionId");
String regionName = (String)request.getParameter("regionName");
if( regionId != null ){
	regionId=Base64.decode(regionId);
}else{
	regionId = "";
}

if( regionName == null ){
	regionName = "";
}
%>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<%@include file="../common/jsp/common.jsp"%>
<title><%=InitParam.DEPLOY_PROVINCE_TITLE%></title>
<script>
	var in_regionId = '<%=regionId%>';
	var in_regionName = '<%=regionName%>';
	if( in_regionName != null && in_regionName.length != 0 ){
		in_regionName = decodeURIComponent(in_regionName);
	}
	requires(["laydate","echarts", "zhly","customselect","/zhly/analysis_cond.js","/zhly/analysis_track.js"]);
</script>

<style>
	#thead{ position:fixed; z-index:100;}
</style>

</head>

<body>

<div class="index_content">

	<!--content begin-->
	<div class="content">
		<div class="box blankBox">
			<div class="left_titleBox">
				<!--标题 begin-->
				<div class="crumbs">
					<ul class="trendSelect">
                      <li>
                      	<span>区域：</span>
                      	<select name="cityId" id="cityId" onchange="changeCityId()">
                        
                      	</select>
                      </li>
                      <li>
                      	<span>景区类型：
                      	</span><select name="regionType" id="regionType" onchange="changeRegionType()">
                        
                      	</select>
                      </li>
                      <li>
                      	<span>景区：</span>
                      	<!-- <select name="regionId" id="regionId">
                      	</select> -->
                      </li>
                    </ul>
                     <div id="divselect" class="divselect">
						<input id="divselectInput" type="text" value="搜索景区，请输入名称"></input>
						<ul>
						</ul>
					</div>
					<input style="display: none" value="" id="inputselect" />
                    <!-- <div class="trendSearch"><span></span></div> -->
				</div>
				<!--标题 end-->
			</div>
             <!--结构分析 -->
			<div class="box_analysis">
               <!--时间选择 -->
				<div class="titlename_analysis">
					<div class="title">人群轨迹分析<em>(人数)</em></div>
					<div class="timeDiv">
					<span class="time"></span>
					<ul class="chart_top_tabs">
                        <li><input name="dataTimeType" type="radio" value="month">按月分析</li>
                        <li><input name="dataTimeType" type="radio" value="day" checked>按日分析</li>
						<!-- <li><input name="" type="radio" value="">按小时分析</li> -->
					</ul>
					<div class="dateBox">
						<span>开始时间</span>
						<input name="" type="text" id="dayStart" />
						<input name="" type="text" id="monthStart" style="display: none;"/>
					</div>
					<div class="dateBox">
						<span>结束时间</span>
						<input name="" type="text" id="dayEnd" />
						<input name="" type="text" id="monthEnd" style="display: none;"/>
					</div>
					<div class="sureBtn">确定</div>				
					</div>
				</div>
               <!--时间选择 end-->
               
             <table border="0" cellspacing="0" cellpadding="0">
             	<tr>
             		<td>
             			<!-- <div class="tra_chart" style="height:244px;width:600px;"> -->
             			<div id="track_left" class="tra_chart">
						    <div id="stayLevelPie"  style="height:100%;width:100%;"></div>
					    </div>
             		</td>
             		<td style="margin-left:50px;">
             			<!-- <div class="tra_chart" style="height:244px;width:700px;"> -->
             			<div  id="track_right" class="tra_chart">
						    <div id="stayCntsLine"  style="height:100%;width:100%;"></div>
					    </div>
             		</td>
             	</tr>
             	<tr>
             		<td style="vertical-align:top;">
             			<div class="tra_tableDiv">
			               	<div class="title">驻留时长统计<div class="dwload" id="exportStayLevelTable">下载导出</div></div>
							<!--table begin-->
							<div style="height:165px; overflow:auto;" id="stayLevelTable">
								<table width="100%" class="dateTable">
									<thead>
										<tr>
											<th width="20%">日期</th>
											<th width="16%">[0,1)小时</th>
											<th width="16%">[1,2)小时</th>
											<th width="16%">[2,3)小时</th>
											<th width="16%">[3,4)小时</th>
											<th width="16%">[4,24]小时</th> 
										</tr>
									</thead>
									<tbody id="stayLevelTableBody">
												
									</tbody>
								</table>
							</div>
							<!--table end-->
						</div>
             		</td>
             		<td style="vertical-align:top;">
             			<div class="tra_tableDiv" >
			              	<div class="title">驻留频次统计<div class="dwload" id="exportStayCntsTable">下载导出</div></div>
							<!--table begin-->
							<div style="height:165px; overflow:auto;" id="stayCntsTable">
								<table border="0" cellspacing="0" cellpadding="0" class="dateTable" >
									<thead id="dataPeriodHeader">
										<tr>
											<th width="20%">日期</th>
											<th width="20%">1次</th>
											<th width="20%">2次</th>
											<th width="20%">3次</th>
											<th width="20%">4次及以上</th>	       
										</tr>
									</thead>
									<tbody id="stayCntsTableBody">
									
									</tbody>
								</table>
							</div>
							
						</div>
             		</td>
             	</tr>
             </table>
            </div>
            <!--驻留时长分析end -->
		</div>
	</div>
	<!--content end-->
</div>

</body>
</html>

